<!--头部-->
<div class="header">
	<div class="header-box clearfix">
		<a href="/"><img class="logo" src="/assets/images/logo.png" alt=""></a>
		<div class="header-nav">
			<ul>
				<li data-name="/"><a href="/">首页</a></li>
				<li data-name="/case"><a href="/case">免费试用</a></li>
				<li><a href="http://api.h5ds.com/help/InstallTip">使用教程</a></li>
				<li><a href="http://api.h5ds.com/api">API文档</a></li>
				<li><a href="http://api.h5ds.com/update">更新记录<em></em></a></li>
				<li><a href="http://api.h5ds.com/license">使用协议</a></li>
				<li><a target="_blank" href="https://github.com/mtsee/h5ds">下载源码</a></li>
				<li style="display: none" data-name="logout"><a href="/api/logout">退出</a></li>
				<li>
					<a style="position: relative;top: 6px;" target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=d4f3944ba088478a85b36fd05be985dfd6ffd3610bdaa02dfa1b8b282135c9ad"><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="跳舞毯－以舞会友" title="H5DS在线编辑器"></a>
				</li>
			</ul>
		</div>
	</div>
</div>

<script>
	$(function () {
		var name = '/' + location.pathname.split('/')[1];
		$('.header-nav').find('li[data-name="' + name + '"]').addClass('active');
	});

</script>